#fixedStairs{
    width:40px;
    min-height:37px;
    top:150px;
    left:20px;
    position:fixed;
    background:#fff;
    display: none;
    .stair{
        width:38px;
        height:37px;
        margin-left: 1px;
        position:relative;
        color:#666;
        font-size: 9px;
        text-align: center;
        line-height: 37px;
        &:first-of-type{
            background:url(../img/icons_sprit.png) no-repeat 7px -450px;
        }
        
        span{
            position:absolute;
            width:100%;
            padding-top:5px;
            height:32px;
            text-align: center;
            line-height: 14px;
    //      background:orange;
            left: 0px;
            top: 0;
            background:#fff;
            display: none;
        }
        i{
            position:absolute;
            width:10px;
            height: 1px;
            background:#e5e5e5;
            bottom : 0;
            left:15px;
        }
    }
    
}

$commonCss: ".common_con",".fixedHot",".social",".wrap";
$val: 0 auto;

@each $key in $commonCss{
    #{$key}{
        width:1200px;
        margin: $val;
    }
}

@mixin rightBorder{
    border-right:1px solid #dedede;
    border-bottom:1px solid #dedede;
}

//lenovo
.common_container{
    height:614px;
    background:#f5f5f5;
    .common_con{
        overflow: hidden;
        height:614px;
        position:relative;
        h3{
            font-size: 17px;
            font-weight: normal;
            margin:42px 0 15px;
        }
        .common_more{
            position:absolute;
            top:50px;
            right:0;
            font-size: 11px;
            color:#6f7170;
            li{
                float:left;
                margin-left: 20px;
                a{
                    color:#6f7170;
//                  span,i{float:left;}
                }
                .iconfont{ font-size: 11px;}
                .iconfont:after{ content:"\e605"; }
            }
        }
        .common_main{
            height:532px;
            background:yellow;
            .common_main_left{width:240px; height:535px; background:#cc0; float: left;}
            .common_main_right{width:960px; height:535px; background:#AABBDD; border-top: 1px solid #dedede; float: left;
                .right_item{
                    @include rightBorder;
                    width:239px;
                    height:266px; 
                    background:#fff;
                    float: left;
                    position:relative;
                    .item_img_container{font-size: 0; height:164px; text-align: center; display: block; position: relative; padding:12px 0;
                        .item_img{position:absolute; left:37.5px;}
                    }
                    //商品item common style
                    p{height:22px; line-height: 22px; text-align: center; padding: 0 14px; font-size: 14px; text-overflow: ellipsis;
                        white-space: nowrap; overflow: hidden;
                    }
                    .item_name a{color: #000;}
                    .item_introduce{ height:20px; line-height: 20px; a{color: #6f7170;} }
                    .item_price a{color: #e2231a;}
                    span{ display:block; position:absolute; right: 0; top: 0; width:54px; height:54px;}
                   
                    //商品标签四中样式
                    .icon_hot{background:url("https://p1.lefile.cn/g1/M00/00/F0/CmBZD1ZynUyAUnWjAAGn0mxLsoI703.png") no-repeat 0 -760px;}
                    .icon_new{background:url("https://p1.lefile.cn/g1/M00/00/F0/CmBZD1ZynUyAUnWjAAGn0mxLsoI703.png") no-repeat 0 -820px;}
                    .icon_popular{background:url("https://p1.lefile.cn/g1/M00/00/F0/CmBZD1ZynUyAUnWjAAGn0mxLsoI703.png") no-repeat 0 -700px;}
                    .icon_sale{background:url("https://p1.lefile.cn/g1/M00/00/F0/CmBZD1ZynUyAUnWjAAGn0mxLsoI703.png") no-repeat 0 -1000px;}      
                          
                }    
            }
        }
    }
}

//底部悬浮框
.fixed_hot_container{height: 91px; background:#000; opacity: 0.8; position:fixed; bottom: 0; width: 100%; z-index:300; display: none;
    .fixedHot{height:73px; padding-left: 92px; border-bottom: 1px solid #9c9c9c; padding-top: 16px;
        .hot_top_item{position: relative;  height: 50px; float: left; margin: 0 42px; cursor: pointer;
            img{position: absolute; margin-left:3.5px; font-size: 0px;}
            img:last-of-type{display: none;}
            a{font-size: 11px; display: inline-block; height: 11px; line-height: 11px; color:#9C9C9C; margin-top: 39px;}
        }
    }
    .iconfont{color:#fff; position:absolute; top:2px; right:2px; font-size: 23px;}
}

//右侧悬浮框

#stairRight{
    width:47px;
    min-height:55px;
//  background:#ccc;
    position:fixed;
    z-index:100;
    right:5px;
    top:150px;
    display: none;
    li{
        width:47px;
        height:55px;
        background:url(../img/right_sprit.png) no-repeat;
        position:relative;
        &:first-child{background-position: -1308px -322px;
            &:hover{background-position: -1308px 0px;}
            .hotLine_secondMenu{width:194px; min-height:51px; position:absolute; left:-259px; top:0; background:#fff; display: none; opacity: 0;
                li{
                    width:100%;
                    height:51px;
                    background:url(../img/right_sprit.png) no-repeat;
                    &:first-child{background-position: -444px 0;
                        &:hover{background-position: -174px 0;}
                    }
                    &:nth-child(2){background-position: -444px -51px;
                        &:hover{background-position: -174px -51px;}
                    }
                    &:nth-child(3){background-position: -444px -102px;
                        &:hover{background-position: -174px -102px;}
                    }
                    &:nth-child(4){background-position: -444px -153px;
                        &:hover{background-position: -174px -153px;}
                    }
                    &:nth-child(5){background-position: -444px -204px;
                         &:hover{background-position: -174px -204px;}
                    }
                    &:nth-child(6){background-position: -444px -255px;
                         &:hover{background-position: -174px -255px;}
                    }
                    &:nth-child(7){background-position: -444px -306px;
                         &:hover{background-position: -174px -306px;} 
                    }
                }
            }
        }
        &:nth-child(2){background-position: -1308px -377px;
             &:hover{background-position: -1308px -55px;}
             .consult_secondMenu{width:216px; min-height:51px; position:absolute; left:-259px; top:0; background:#fff; display: none; opacity: 0;
                 li{
                    width:100%;
                    height:51px;
                    background:url(../img/right_sprit.png) no-repeat;
                    &:first-child{background-position: -1066px 0;
                        &:hover{background-position: -1072px -276px;}
                    }
                    &:nth-child(2){background-position: -1066px -51px;
                        &:hover{background-position: -1072px -327px;}
                    }
                    &:nth-child(3){background-position: -1066px -102px;
                        &:hover{background-position: -1072px -378px;}
                    }
                 }
             }
        }
        &:nth-child(3){background-position: -1308px -431px;
            &:hover{background-position: -1308px -109px;}
        }
        &:nth-child(4){background-position: -1308px -485px;
            &:hover{background-position: -1308px -163px;}
        }
        &:nth-child(5){background-position: -1308px -539px;
            &:hover{background-position: -1308px -218px;}
            ul{width:230px; min-height:97px; position:absolute; left:-259px; top:0; background:#fff; display: none; opacity: 0;
                li{
                    width:230px; 
                    min-height:97px; 
                    background:url(../img/right_sprit.png) no-repeat -795px 0px;
                    &:hover{background-position:-795px -159px}
                }
            }
        }
        &:nth-child(6){background-position: -1308px -593px; height:20px;
            &:hover{background-position: -1308px -271px;}
        }
        a{display: block; width:100%; height:55px; background:url(../img/right_sprit.png) no-repeat;}
    }
}

//第七层样式
#social{
    height:317px;
    background:#f5f5f5;
    .social{
        height:286px;
//      background:greenyellow;
//      overflow: hidden;
        .social_container{
            height:212px;
            margin-bottom: 31px;
//          background:peachpuff;
            .social_item{
                width:190px;
                height:212px;
                font-size: 0;
                position:relative;
                float: left;
                margin-right: 12px;
                .item_bottom{
                    width:160px;
                    height:43px;
                    background:rgba(0,0,0,0.5);
                    position: absolute;
                    padding:0 15px;
                    bottom:0;
                    line-height: 42px;
                    .bottom_left{font-size: 22px; font-weight: bold; float: left; color:#fff;}
                    .bottom_right{font-size:13px; float: right; color:#fff;}
                }
                &:hover{
                    box-shadow: 0 0 15px #000;
                }
                &:last-child{
                    margin:0;
                }
            }
        }
    }
    h3{
        font-size: 17px;
        height:17px;
        line-height: 17px;
        font-weight: normal;
        padding:42px 0 15px;
//      background:blue;
    }
}

//footer
.wrap{height:100%;}
#footer{
    height:315px;
    background:#f5f5f5;
    .footer{
        height:315px;
        font-size: 0px;
        text-align: center;
        
        .informations{
            height:140px;
            background:#fff;
            dl{font-size: 12px; padding-top:9px; padding-right: 148px; float: left;
                dt{a{color:#000; display: block; height:32px; line-height: 32px;}}
                dd{a{display: block; color:#555555; height:22px; line-height: 22px;}}
                &:last-child{padding-right: 0;}
            }
        }
        .links{
            height:48px;
            padding:25px 0 20px;
           
            .link_lenovo{
                margin:0 auto;
                font-size:12px;
                color:#6f7170;
                height:16px;
                padding:4px 0;
//              background: yellow;
                text-align: center;
                a{display: inline-block; height:16px; line-height: 16px; font-size:12px; color:#6f7170;}
                span{ margin: 0 8px;}
            }
        }
    }
}

body{width:100%; height:100%;}

//登录和注册部分
#registerWrap{
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    position: fixed;
    top:0;
    z-index:10099;
    display: none;
    #register{
    width:429px;
    min-height: 200px;
    background:#fff;
    margin:150px auto;
//  position:fixed;
//  top:100px;
//  left:200px;
//  z-index:999;
    padding-bottom: 35px;
    h3{
        height:40px;
        background:#000;
        color:#fff;
        line-height: 40px;
        font-size: 18px;
        padding: 0 10px;
        margin-bottom:16px;
        a{
            color:#fff;
            float:right;
        }
    }
    .inputItem{
        padding: 0 37px;
        margin-top: 5px;
        .inputWrap{
            border:1px solid #9C9C9C;
            min-width:150px; 
            height:26px;
            background:#fff;
            label{
                display: inline-block;
                width:60px;
                height:26px;
                border-right:1px solid #9C9C9C;
                font-size: 12px;
                line-height: 26px;
                box-sizing: content-box;
//              text-justify: inter-ideograph;
                text-align: justify;
                padding:0 10px;
                float: left;
                //text-align:justify 不会作用于单行和最后一行的元素,所有需要设置一个空元素span,高度为0,宽度为100%;
                span{
                    display: inline-block;
                    width:100%;
                    height:0;
                }
            }
            input{
                height:26px;
                line-height:26px;
                padding-left:10px;
                width:250px;
                float: left;
                font-size:6px;
                &:nth-of-type(4){
                    width:100px;
                }
            }
        }
        .prompt{
            color:#ef1c22;
            font-size: 12px;
            display:block;
            height:22px;
            line-height: 22px;
            
        }
    }
    input{
        border:0px;
        outline:none;
    }
    .agree{
        height:18px;
        margin-bottom:18px;
        
        label{display:inline-block; width:330px; font-size: 12px; padding-left:5px;}
    }
    .button{
        display: block;
        width:353px;
        height:29px;
        line-height:29px;
        background:#ef1c22;
        font-size: 13px;
        color:#fff;
        text-align: center;
        margin-left: 38px;
        border-radius: 5px;
    }
}
}

